<html class="hb-loaded">
 <head> 
  <meta content="text/html;charset=utf-8" http-equiv="Content-Type" /> 
  <meta content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0" name="viewport" /> 
  <meta content="yes" name="apple-mobile-web-app-capable" /> 
  <meta content="black" name="apple-mobile-web-app-status-bar-style" /> 
  <meta content="telephone=no" name="format-detection" /> 
  <meta content="email=no" name="format-detection" /> 
  <title>个人中心 - 我的订单</title> 
 
  <script src="js/jquery.min.js"></script> 
  <script src="js/bootstrap.min.js"></script> 
  <link rel="stylesheet" href="css/bootstrap.min.css" /> 
  <link rel="stylesheet" href="css/public.v20150930.css" /> 
  <script src="js/ygop.ajax.client.js"></script> 
  <script src="js/Common.v150812.js"></script> 
  <script src="js/layer.m.js"></script> 
  <link rel="stylesheet" href="css/layer.css" /> 
  <script src="js/jweixin-1.0.0.js" type="text/javascript"></script> 
  <link rel="stylesheet" href="css/gps.css" /> 




 </head> 
 <body> 
  <link rel="stylesheet" href="css/order.css" /> 
  <script type="text/javascript" src="js/jquery.lazyload.min.js"></script> 
  <div class="wrap"> 
   <div class="filter-wrap"> 
    <div class="filter"> 
     <ul> 
      <li orderstate="1" class="active"><a class="arrow-up">未完成</a></li> 
      <li orderstate="2"><a class="arrow-down">已完成</a></li> 
      <li orderstate="3"><a>已取消</a></li> 
     </ul> 
    </div> 
   </div> 
   <div id="divOrderList" class="order"> 
    <div passkey="48b16bede5c7f1c61cf9f42c10d00f4d" orderid="5dfa3cac-899d-46ac-89af-bc8c73238ed3" class="order-list">
     <div class="status">
      <span><strong>订单流水号：11739268</strong>2015-10-25 17:33:55</span>
      <span class="text-right">等待支付</span>
     </div>
     <div class="order-item goods-all clearfix">
      <ul>
       <li><img width="50" height="50" style="display: inline;" data-original="images/441634252490579786.jpg" src="images/441634252490579786.jpg" /></li>
       <li><img width="50" height="50" style="display: inline;" data-original="images/441634252785164106.jpg" src="images/441634252785164106.jpg" /></li>
      </ul>
     </div>
     <div class="total">
      <span>实付：￥124.00</span>
      <span><a passkey="48b16bede5c7f1c61cf9f42c10d00f4d" orderid="5dfa3cac-899d-46ac-89af-bc8c73238ed3" class="btn btn-pay">去支付</a></span>
     </div>
    </div>
   </div> 
   <span class="nogoods"></span> 
  </div> 
  <script type="text/javascript">
    var pageNo = 1;
    var pageSize = 10;
    var isbusy = false;
    var orderState = 1;
    $(function () {
        $(".footer a").removeClass();
        $(".footer #my").addClass("current");
        //加载订单列表
        getOrderList(pageNo);
        tabChangeOperate();

    })

    //获取订单列表
    function getOrderList(index) {
      
    }
    //获取商品图片列表
    function getImgList(commoditys) {
        var html = "";
        if (commoditys) {
            for (var i = 0; i < commoditys.length; i++) {
                html += '<li><img width="50" height="50" src="images/placeholder_140x140.png" data-original="' + commoditys[i].SmallPic + '" style="display: inline;"></li>';
            }
        }
        return html;
    }

    //获取下一步操作名称
    function getNextOperateName(waitForOnlinePay, orderId, passKey) {
        var operateName = "";
        if (waitForOnlinePay == true) {
            operateName = '<span><a class="btn btn-pay" orderId="' + orderId + '" passKey="' + passKey + '" >去支付</a></span>';
        }
        else {
            //operateName = '<span><a class="btn btn-tracking"  orderId="' + orderId + '" >订单跟踪</a></span>';
        }
        return operateName;
    }

    //转到订单详情页面操作
    function goToOrderPageOperate() {
        $("#divOrderList").find(".order-list").each(function (i, n) {
            $(this).click(function () {
                var orderId = $(this).attr("orderId");
                var passKey = $(this).attr("passKey");
                window.location.href = "/order/" + orderId + "?passkey=" + passKey;
            })
        })
    }

    //下一步操作事件绑定
    function nextOperate() {
        $("#divOrderList .btn-pay").each(function (i, n) {
            $(this).click(function (event) {
                event.stopPropagation();
                var orderId = $(this).attr("orderId");
                var passKey = $(this).attr("passKey");
                window.location.href = "/gotopay/" + orderId + "?passKey=" + passKey;

            })
        })

        //$("#divOrderList .btn-tracking").each(function (i, n) {
        //    $(this).click(function (event) {
        //        event.stopPropagation();
        //        var orderId = $(this).attr("orderId");
        //        window.location.href = "/ordertrack/" + orderId;
        //    })
        //})
    }

    //tab切换操作
    function tabChangeOperate() {
        $(".filter ul").find("li").each(function (i, n) {
            $(this).click(function () {
                sort = $(this).attr("sort");
                $(".filter ul").find("li").removeClass();
                $(".filter ul").find("li").find("a").removeClass();
                $(this).removeClass().addClass("active");
                orderState = $(this).attr("orderstate");
                //加载订单列表
                pageNo = 1;
                $("#divOrderList").html("");
                getOrderList(pageNo);
            })
        })
    }
   
    //注册滚动事件
    var _loadProductList = false;
    function regStrollEvent() {
        $(window).bind("scroll", function (event) {
            if (!_loadProductList) {
                var winScrollTop = $(window).scrollTop();
                var winH = $(window).height();
                var docH = $(document).height();
                if (winScrollTop + winH >= docH) {
                    getOrderList(pageNo + 1);
                }
            }
        });
    }

    //订单页面为空提示
    function tag(state) {
        if ($(".order-list").length == 0) {
            if (state == 1) {
                $(".nogoods").html("<span class=\"nogoods\">没有未完成的订单!<\span>");
            }
            if (state == 2) {
                $(".nogoods").html("<span class=\"nogoods\">没有已完成的订单!<\span> ");
            }
            if (state == 3) {
                $(".nogoods").html("<span class=\"nogoods\">没有已取消的订单!<\span> ");

            }
        }
    }
</script> 
  <footer class="footer"> 
   <a class="" href="index.html" id="index"><span class="home">首页</span>首页</a> 
   <a href="cat.html" id="category"><span class="catalog">分类</span>分类</a> 
   <a href="cart.html" id="cart"> <span class="shopping">购物车<font id="fCartProductTotalCount" class="badge" style="display: none;"></font></span>购物车 </a> 
   <a href="member_index.html" id="my" class="current"><span class="my">我的易果</span>我的易果</a> 
  </footer> 
  <div data-backdrop="static" aria-labelledby="myModalLabel" role="dialog" tabindex="-1" id="divMyCity" class="modal" style="display: none;"> 
   <div role="document" class="modal-dialog"> 
    <div id="divCityContent" class="modal-content"> 
     <div style=" display:block;" class="gpstips"> 
      <a> <em class=" icon icon_gps"> </em> 亲，请先选择您的收货城市 <em class=" icon icon_arrowright"> </em> </a> 
     </div> 
    </div> 
   </div> 
  </div> 
  <script type="text/javascript">
        var _wx_JsConfig = {};
        _wx_JsConfig.appid = "wx0d4f4f0e0bada80e";
        _wx_JsConfig.imgUrl = "http://img02.yiguo.com/e/web/150930/00783/155744/wxlogo.jpg";
        _wx_JsConfig.title = "易果生鲜触屏版";
        _wx_JsConfig.content = "全国首家生鲜专业电商，全球优质生鲜产地直供，全年无休生鲜冷链配送";
        _wx_JsConfig.timeLineLink = "http://weixin.m.yiguo.com";

        _wx_JsConfig.timestamp = "";
        _wx_JsConfig.nonceStr = "";
        _wx_JsConfig.signature = "";

        $(function () {
            YgmJsCommon.domain = "yiguo.com";
            var jsonWxCfg = decodeURIComponent("%7b%22appId%22%3anull%2c%22timestamp%22%3a%221445765760%22%2c%22nonceStr%22%3a%221309023936%22%2c%22signature%22%3a%22fabfca24e4a42f24898a338505c010522b189db4%22%2c%22url%22%3a%22http%3a%2f%2fweixin.m.yiguo.com%2forderlist%22%2c%22jsapi_ticket%22%3a%22bxLdikRXVbTPdHSM05e5u_n3yqdZ_9Pt0dvnbtzvrXZ2Bps91PjRajJdScVYkXWafhoi6zfSwxWok0rXn11cmQ%22%7d");
            var wxJsCfg = JSON.parse(jsonWxCfg);
            _wx_JsConfig.timestamp = wxJsCfg.timestamp;
            _wx_JsConfig.nonceStr = wxJsCfg.nonceStr;
            _wx_JsConfig.signature = wxJsCfg.signature;

            wx.config({
                //debug: true,
                appId: _wx_JsConfig.appid,
                timestamp: _wx_JsConfig.timestamp,
                nonceStr: _wx_JsConfig.nonceStr,
                signature: _wx_JsConfig.signature,
                jsApiList: [
                    'onMenuShareTimeline',
                    'onMenuShareAppMessage'
                ]
            });

            myShare();

            getCartCount();

            showSelectedCityDialog();
        })

        function myShare() {
            wx.ready(function () {
                //分享朋友圈
                wx.onMenuShareTimeline({
                    title: _wx_JsConfig.title,
                    desc: _wx_JsConfig.content, // 分享描述
                    link: _wx_JsConfig.timeLineLink,
                    imgUrl: _wx_JsConfig.imgUrl,
                    trigger: function (res) {
                    },
                    success: function (res) {
                        dplus.track("分享到朋友圈");
                    },
                    cancel: function (res) {
                    },
                    fail: function (res) {
                    }
                });
                //分享朋友
                wx.onMenuShareAppMessage({
                    title: _wx_JsConfig.title,
                    desc: _wx_JsConfig.content,
                    link: _wx_JsConfig.timeLineLink,
                    imgUrl: _wx_JsConfig.imgUrl,
                    trigger: function (res) {
                    },
                    success: function (res) {
                        dplus.track("分享给朋友");
                    },
                    cancel: function (res) {
                    },
                    fail: function (res) {
                    }
                });
            });

        }

        //如果查询到CityCookie default=1，表示用户没有选择过城市，则需要弹出选择城市
        function showSelectedCityDialog() {
            var objCity = YgmJsCommon.getCityCookie();
            if (objCity != null && objCity.Default == 1) {
                $("#divMyCity").css('display', "");
                $("#divMyCity").modal('show');
                $("#divMyCity").click(function () {
                    window.location.href = "/Home/SelectCity";
                })
            }
            else {
                $("#divMyCity").css('display', "none");
            }
        }

        //返回商品数量显示在footer上
        function getCartCount() {
            var count = YgmJsCommon.getCartProductsTotalCount();
            if (count > 0) {
                $("#fCartProductTotalCount").css("display", "");
                $("#fCartProductTotalCount").html(count);
            }
            else {
                $("#fCartProductTotalCount").css("display", "none");
            }
            return count;
        }

        //设置云朵的位置
        $('#divMyCity').on('shown.bs.modal', function () {
            var win_width = $(this).find(".modal-dialog").width();
            var win_height = $(this).find(".modal-dialog").height();
            $(this).find(".modal-dialog").css({ "marginTop": String(-1 * win_height / 2) + "px", "marginLeft": String(-1 * win_width / 2) + "px" });

        });

        window.onload = function () {
            
        };
    </script> 
 </body>
</html>